body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
a{
	color: #333;
}
a:hover{
	color: #666;
	text-decoration: none;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.clearfix{
	overflow: hidden;
}
.top{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #ccc;
}
.top a{
	margin: 0 5px;
}
.navbar-tel{
	margin-top: 40px;
	height: 60px;
	background: url(../images/tel.png) no-repeat left top;
	padding-left: 70px;
}
.navbar-tel span{
	display: block;
	font-size: 20px;
	line-height: 30px;
}
.navbar-tel b{
	display: block;
	font-size: 26px; 
	line-height: 30px;
	color: #ff6d10;
}
.navbar-default {
	background-color: #fff;
}
.navbar-default  h1 {
	margin: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: none;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 16px;
  border-right: 1px solid #0D5EB4;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #ff7e00;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #ff7e00;
}
.navbar-default .navbar-collapse{
  background-color: #0054A7;
}
.navbar-nav > li > a {
  padding: 15px 30px;

}
.navbar-brand h1{
  margin: 0;
}
.carousel-indicators {
  bottom: 5px;
}
.carousel-indicators li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
}
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background-color: #0054A7;
}
.product {
	padding: 40px 0;
	background-color: #eaeaea;
	background-color: #fff;
}
.product-list{
	background-color: #006bbd;
	padding: 20px 5px 10px;
}
.product-list h3{
	margin: 0 0 20px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}
.product-list h3 span{
	display: block;
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}
.product-list ul,
.sidebar-contact{
  padding: 10px 10px 5px;
  background-color: #fff;
  margin-bottom: 0;
}
.product-list ul h4{
	height: 40px;
	line-height: 40px;
	margin: 0 0 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
  padding: 0 20px;
  background-color: #de2827;
}
.product-list ul h4 a{
	color: #fff;
}
.product-list ul li{
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
.product-list ul li a{
  display: block;
  height: 40px;
	background: #efefef;
	padding: 0 20px;
	overflow: hidden;
	font-size: 16px;
}
.product-list ul li a:hover {
	background: #0054A7;
	color: #fff;
}
.title{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}
.title h3{
	height: 36px;
	font-size: 22px;
	line-height: 36px;
	margin: 0;
}
.title h3 span{
	display: block;
	font-size: 12px;
	line-height: 12px;
}
.product-item{
  position: relative;
}
.product-item img {
	width: 100%;
	height: 200px;
}
.product .product-item img {
	width: 100%;
	height: 142px;
}
.product-item span{
	height: 40px;
	line-height: 40px;
	white-space:nowrap;
}
.adv{
  padding: 50px 0;
  background: url(../images/adv_bg.jpg);
}
.adv-title{
  margin-bottom: 60px;
}
.adv-title h3{
	margin: 0 0 10px;
  font-size: 30px;
  font-weight: bold;
  color: #006bbd;
}
.adv-title p{
  font-size: 16px;
	color: #666;
	font-weight: bold;
}
.adv-text {
	min-height: 318px;
	background: url(../images/adv_bg.png) no-repeat top center;
}
.adv-text .col-md-6 {
	margin-bottom: 60px;
}
.adv-text .col-md-6 h6 {
	font-size: 18px;
	font-weight: bold;
	color: #006bbd;
	margin: 0 0 10px;
}
.adv-text .col-md-6 p {
	font-size: 16px;
	color: #666;
	line-height: 24px;
}
.adv-text .col-md-6:nth-child(odd) {
	padding-left: 85px;
}
.adv-text .col-md-6:nth-child(even) {
	text-align: right;
	padding-right: 85px;
}
.adv-text .col-md-6:nth-child(1) {
	background: url(../images/adv01.png) no-repeat left top;
}
.adv-text .col-md-6:nth-child(3) {
	background: url(../images/adv03.png) no-repeat left top;
}
.adv-text .col-md-6:nth-child(5) {
	background: url(../images/adv05.png) no-repeat left top;
}
.adv-text .col-md-6:nth-child(2) {
	background: url(../images/adv02.png) no-repeat right top;
}
.adv-text .col-md-6:nth-child(4) {
	background: url(../images/adv04.png) no-repeat right top;
}
.adv-text .col-md-6:nth-child(6) {
	background: url(../images/adv06.png) no-repeat right top;
}
.ys {
	background: url(../images/advantge_bg.jpg) no-repeat top center;
	height: 1318px;
}
.ys-title h3 {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	line-height: 70px;
	text-align: center;
	margin: 0 0 -15px;
}
.ys-title p {
	font-size: 24px;
	margin-bottom: 0;
	line-height: 56px;
	color: #fff;
}
.ys .container {
	position: relative;
}
.ys-text h4 {
	font-size: 30px;
	margin-bottom: 50px;
}
.ys-text h4 b {
	display: block;
	font-weight: bold;
	color: #025bca;
}
.ys-text p {
	font-size: 16px;
	line-height: 24px;
}
.ys-text01 {
	position: absolute;
	top: 210px;
	left: 800px;
}
.ys-text01 h4 {
	padding-left: 140px;
}
.ys-text02 {
	position: absolute;
	top: 570px;
	left: 120px;
}
.ys-text03 {
	position: absolute;
	top: 890px;
	left: 460px;
}
.ys-text03 h4 b {
	display: inline-block;
	margin-right: 20px;
}
.common-title h3{
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 10px;
  font-weight: bold;
  color: #006bbd;
}
.common-title span{
  display: block;
	font-size: 18px;
	font-weight: bold;
	color: #666;
}
.common-title i {
	  display: inline-block;
    width: 75px;
    height: 1px;
    background-color: #e0e0e0;
    margin: 0 15px;
    position: relative;
    top: -6px;
}
.case {
	padding: 50px 0;
	background-color: #f5f5f5;
}
.case-title h3 {
	background: url(../images/case_title.png) no-repeat center center;
}
.title-product h3{
  margin-left: 10px;
  font-weight: normal;
  _display: inline;
  color: #333;
}
.title-news{
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.title-news h3{
  margin: 0;
  line-height: 40px;
  font-size: 24px;
	font-weight: bold;
	color: #006bbd;
}
.title-news span {
	margin-left: 10px;
	font-size: 24px;
	font-weight: normal;
	color: #ddd;
}
.title-news a{
  color: #666;
}
.case-item{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.case-item img{
  width: 100%;
  height: 100%;
}
.case-item-big{
  width: 100%;
  height: 415px;
}
.case-item-small{
  width: 100%;
  height: 195px;
}
.case-item span{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #222;
  color: #fff;
  padding: 0 20px;
}
.factory{
	background-color: #de2827;
	padding: 30px 0;
}
.factory-title{
	height: 102px;
	background: url(../images/factory_title.png) no-repeat top center;
}
.factory-title h3{
	margin: 0;
	line-height: 52px;
	font-size: 30px;
	font-weight: bold;
	color: #de2827;
	color: #333;
}
.factory-title span{
	line-height: 48px;
	font-size: 16px;
	color: #fff;
}
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd ul{overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{width: 272px; margin: 20px 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li img{width:100%; height:200px;}
.picMarquee-left .bd ul li span{display: block; margin-top: 10px;}

.about{
  padding:30px 0;
  background-color: #f2f2f2;
}
.about-img{
	width: 100%;
}
.about-con{
	line-height: 26px;
}
.about-con h4{
  display: block;
  font-size: 20px;
  margin: 10px 0 20px;
	font-weight: bold;
}
.about-con p{
  text-indent: 2em;
	line-height: 30px;
	font-size: 16px;
}
.slideBox{ width:100%; height:320px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:320px;}
.news-first img {
	width:100%;
	height: 140px;
}
.news-first p{
  color: #666;
  line-height: 26px;
  margin-top: 5px;
}
.news-first p a{
  color: #de2827;
}
.news-first strong{
  font-size: 16px;
}
.news-list li{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #ccc;
	background: url(../images/icon_news.jpg) no-repeat left center;
	padding-left: 16px;
}
.txtMarquee-top{ overflow:hidden; position:relative;}
.ask-list li{
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.ask-list li dl{
	margin-bottom: 10px;
}
.ask-list li dt{
	margin-bottom: 5px;
	height: 26px;
	line-height: 26px;
	font-weight: normal;
}
.ask-list li dt span{
  float: left;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background-color: #de2827;
	border-radius: 5px;
	margin-right: 10px;
}
.ask-list li dd span{
  float: left;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background-color: #ababab;
	border-radius: 5px;
	margin-right: 10px;
}
.ask-list li dd i{
  font-style: normal;
  line-height: 26px;
  width: 90%;
  float: left;
}
.contact-con{
	padding:0 20px;
}
.contact-con p{
	line-height: 26px;
	margin-bottom: 0;
}
.flink{
  background-color: #195fbc;
  color: #fff;
  margin-bottom: -30px;
}
.flink .container {
	position: relative;
}
/* .flink .col-md-2{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
} */
.flink b{
	display: block;
	height: 100%;
	text-align: center;
	font-size: 18px;
	background: #014376;
	color: #fff;
	padding: 20px 0;
}
.flink a{
	margin: 0 5px;
	color: #fff;
	line-height: 24px;
}
.flink .col-md-10 {
	padding: 10px 0;
}
.footer{
	padding: 30px 0;
	background-color: #252525;
	color: #fff;
}
.footer a{
	color: #fff;
}

.copyright p{
	line-height: 30px;
	margin-bottom: 0;
}
.product-list-contact{
	color: #fff;
	padding: 10px 0;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 8px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #0054A7;
  border-color: #0054A7;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #0054A7;
  border-color: #0054A7;
}
.content{
	line-height: 26px;
}
.content img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.content-title{
	font-size: 24px;
	font-weight: bold;
}
.article-info{
	padding: 8px 0;
	border: 1px solid #ccc;
	border-radius: 5px; 
}
.article-info span{
	margin: 0 6px;
}
.news-hot-list li{
	float: left;
	width: 50%;
	padding-right: 20px;
}
.product-info h1{
	font-size: 24px;
	margin: 0;
	color: #de2827;
	font-weight: bold;
	margin-bottom: 10px;
}
.product-tel{
	color: #ff6d10;
	font-size: 24px;
	font-weight: bold;
}
.product-detail{
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0 50px;
	margin: 20px 0 0;
	font-size: 16px;
	font-weight: bold;
	background: #eee url(../images/icon_detail.gif) no-repeat 20px center;
}
.product-thumb{
	border: 1px solid #ccc;
}
.hot-product-item img{
	width: 100%;
	height: 90px;
	border: 2px solid #ccc;
}
.hot-product-item img:hover{
	border-color: #ff6d10;
}
.hot-product-item span{
	margin-top: 10px;
}
.magnifier{
	width: 100%;
	position: relative;
}
.magnifier-container{
	width: 406;
	height: 310px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}
.move-view{
	width: 100px;
	height: 100px;
	position: absolute;
	background-image: url('../images/move-box.png');
}
.images-cover{
	height: 100%;
	width: 100%;
	position: relative;
}
.images-cover img{
	position: absolute;
}
.magnifier-assembly{
	height: 92px;
	overflow: hidden;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}
.magnifier-btn{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	margin-top: 15px;
}
.magnifier-btn span{
	height: 45px;
	width: 10px;
	color: #fff;
	display: block;
	z-index: 9998;
	cursor: pointer;
}
.magnifier-btn .magnifier-btn-left{
	float: left;
	background: url(../images/left.gif) no-repeat;
}
.magnifier-btn .magnifier-btn-right{
	float: right;
	background: url(../images/right.gif) no-repeat;
}
.magnifier-line{
	position: relative;
	overflow: hidden;
	height: 60px;
	margin-top: 10px;
}
.magnifier-line ul{
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}
.magnifier-line li{
	float: left;
	width: 91px;
	cursor: pointer;
}
.magnifier-line ul > .active .small-img{
	border-color: #bbb;
}
.small-img{
	height: 60px;
	padding: 2px;
	margin: 0 5px;
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}
.small-img img{
	max-width: 100%;
	max-height: 100%;
}
.magnifier-view{
	width: 100%;
	height: 100%;
	position: absolute;
	right: -105%;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow: hidden;
}
.magnifier-view img{
	display: block;
}
.product-info .product-item img {
	width: 100%;
	height: 100px;
	border:1px solid #ccc;
}


@media (min-width: 768px) {
  .navbar-header {
    width: 100%;
  }
  .navbar-brand {
	  float: left;
	  height: 120px;
	  padding: 20px 15px;
	}
	.product-item img{
		width: 100%;
	}
}

@media (max-width: 767px) {
	.navbar-brand {
	  height: 50px;
	  padding: 10px 15px;
	}
	.navbar-brand img{
		height: 30px;
	}
	.navbar-default .navbar-nav > li > a{
		border-bottom: 1px dotted #efefef;
	}
	.content-title{
		font-size: 20px;
	}
	.article-info span{
		display: block;
		margin-top: 8px;
	}
	.news-hot-list li{
		width: 100%;
		float: none;
	}
	.product-img-item{
		width: 92%;
	}
	.product-img-item img{
		width: 22%;
	}
	.product-info{
		margin-top: 20px;
	}
	.hot-product-item{
		margin-bottom: 15px;
	}
	.hot-product-item img{
		height: auto;
	}
	.magnifier{
		width: 100% !important;
		overflow: hidden;
	}
	.magnifier-container{
		width: 100%;
		height: 270px !important;;
	}
	.magnifier-line li{
		float: left;
		width: 100px;
		cursor: pointer;
	}
	.product .product-item img {
		width: 100%;
		height: 134px;
	}
	.content img {
		max-width: 100%;
		width: 100% !important;
		height: auto !important;
	}
	body {
		padding-bottom: 70px;
	}
	.footer-bottom {
		display: block;
		width: 100%;
		height: 70px;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999999;
		background-color: #0D5EB4;
		color: #fff;

	}
	.footer-bottom ul {
		width: 100%;
		clear: both;
		margin-bottom: 0;
	}
	.footer-bottom ul li {
		width: 25%;
		float: left;
		text-align: center;
		padding: 10px 0;
	}
	.footer-bottom ul li:nth-child(even) {
		background-color: #0d6aa8;
	}
	.footer-bottom ul li a{
		display: block;
		color: #fff;
	}
	.footer-bottom ul li img {
		display: block;
		height: 28px;
		width: auto;
		margin: 0 auto;
	}
	.footer-bottom ul li p {
		font-size: 16px;
		line-height: 20px;
		margin-top: 5px;
		color: #fff;
	}
}